<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/sitenav.css">
    <link rel="stylesheet" href="./css/base.css">
</head>

<body>
    <!-- 头部B -->
    <div class="head">
        <a href="index.html" class="return">
        </a>
        <h6>商场导航</h6>
        <a href="javascript:;" class="down">
            <img src="./images/header_app.png" alt="">
        </a>
    </div>
    <!-- 头部E -->
        <!-- 底部B -->
        <div class="footer">
                <div class="ranking">
                    <h6>品牌排行</h6>
                    <span><i></i></span>
                </div>
                <div class="login">
                    <a href="">登录</a>
                    <a href="">注册</a>
                    <a href="">
                        <p>
                            <span></span>
                            <i></i>
                        </p>
                        返回顶部
                    </a>
                </div>
                <div class="app_down">
                    <p><a href="javascript:;">手机app下载</a> <span>慢慢买手机正版</span> <span>-- 掌上比价平台</span></p>
                    <span>m.manmanbuy.com</span>
                </div>
            </div>
            <!-- 底部E -->
    <!-- 内容B -->
    <div class="sitenav">
        <!-- sitenav  占坑专用 -->
    </div>
    <!-- 内容E -->
</body>

</html>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./lib/js/zepto.min.js"></script>
<script src="./js/sitenav.js"></script>
<script type="template" id="sitenav">
    {{each data value index}}
    <a href="{{value.navHref}}">
        <img src="{{value.navImg}}" alt="">
        <span>{{value.navTitle}}</span>
    </a>
    {{/each}}
</script>